layui

传值的⼀些经验，也没怎么整理：表格渲染数据，弹出框

1.layui向表格渲染数据的格式转换：

buffer.append("{\"code\":0,\"msg\":\"\",\"count\":" + countTotal + ",\"data\":[" + buffer2 + "]}");

        StringBuffer buffer = new StringBuffer();

        StringBuffer buffer2 = new StringBuffer();

        try {

            if (takenumberlist.size() != 0 && takenumberlist != null) {

                buffer2 = JsonUtils.listTojson(buffer2, takenumberlist);

            }

            buffer.append("{\"code\":0,\"msg\":\"\",\"count\":" + countTotal + ",\"data\":[" + buffer2 + "]}");

        } catch (IllegalArgumentException e) {

            e.printStackTrace();

        } catch (IllegalAccessException e) {

            e.printStackTrace();

        }

        model.addAttribute("buffer", buffer.toString());

        System.out.println("layui传值执⾏成功！");

        return buffer.toString();

需要引⼊⼀个⼯具栏JsonUtils.java

界⾯接收：

js:

  table.render({

    elem: '#demo'

    ,width : 430

    ,height: 535

    ,url: "http://localhost:8080/hospital/takenumber.do?ks_code=${dept_code}" //数据接⼝

    ,page: true //开启分页

    ,autoSort: true//⾃动排序

    , initSort: {field:'id', type:'asc'}

    /* ,totalRow: true  *///开启合计⾏

    ,cols: [[ //表头

      {type: 'checkbox', fixed: 'left'}

      ,{field: 'id', title: '编号', width:80, sort: true, totalRow: true} 

      ,{field: 'person_name', title: '姓名', width:85}

      ,{field: 'queue_code', title: '取号号码', width: 115, sort: true, totalRow: true}

      ,{field: 'specify_doctor_code', title: '医⽣⼯号', width: 96, sort: true, totalRow: true}  

      /* ,{field: 'doctor_name', title: '医⽣', width:80, sort: true}  */

      /* ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}  */ 

    ]]

  });

2. layui弹出框，并且在表格⾥选中